/*
Theme Name: Hold It
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: twentyten
*/

@import url('css/fonts.css') screen;
@import url('css/default.css') screen;

/*
* Hold It - css
* by Ian
* 
* Uses normalize.css to render elements as close as possible among browsers
* instead of using resets, which you have to code for every element
*
* Syntax/format of the CSS single-line code:
* 
* element/selector { display; position; top/bottom; left/right; overflow/z-index; float; margin; 
* padding; width; height; color; font; font-effects; text-effects; box-effects; border; 
* border-effects; background }
*
* CSS is organized as sections flowing from top-down and tabbed according to organization
* and location. Please follow accordingly.
*
* Generic classes are provided in a section at the bottom to facilitate ease-of-use
*
*/


html, body {margin: 0; padding: 0;}

body{    
    background: url("images/bg-body-top.jpg") repeat-x 0 top #ffffff;    
    font: 12px/16px Arial;    
    min-height: 800px;
}

p {font: 12px/24px sans-serif; color: #424242;margin-bottom: 20px;}
a {text-decoration: none;}

img {border: 0;}

h1 {font: 48px/50px 'BebasRegular'; color: #c7292c;margin-bottom: 30px;}
h3 {font: 25px/25px 'pop_warnerregular'; color: #303030}

#main-container {margin: 9px auto 0;width: 1142px;min-height: 650px;}

/***** Begin of Upper Area - Styles *****/
.header, .nav, .banner-wrapper, .content-wrapper { width: 100%;margin:0;padding:0;}
.banner-wrapper-innerpage{height: 30px;}
.header {z-index: 2;height: 140px;color: #273d71; }
	.header div.main-logo, .header div.tagline {float:left}
	.header div.top-infos {float:right}
		.main-logo {margin: 51px 0 0 17px;}
		.tagline {font: 30.67px/36px BebasRegular;margin: 71px 0 0 89px;}
		.top-infos {width:250px;margin: 5px 0 0;}
			.top-infos .view-cart{padding-right: 23px;background: url("images/icon-cart.png") no-repeat right center}
				.top-infos .view-cart a{font: 12px/22px Arial;color: #273d71}
				.top-infos .callnow{font: 19.67px BebasRegular;color:#212121;margin: 7px 0 0;}
				.top-infos .num{font: 38.67px BebasRegular;color: #273d71;}
	
/* Main-Menu */	
.nav {z-index: 3;height: 45px;padding: 4px 0; background: url("images/bg-nav.jpg") repeat-x}
	ul.main-menu {z-index: 4;}
	ul.main-menu li{z-index: 5;background: url("images/nav-list-seperator.png") no-repeat right 0;float: left;position: relative}
		ul.main-menu li.first-child{margin-left: 10px;}
		ul.main-menu li.last-child{background:none;}
			ul.main-menu li.last-child a{background:none;padding-right: 0;}
	ul.main-menu li a{color: #fff;font: 20px Arial;padding: 10px 20px 14px;display: block;}
	
	/* Second Layer */
	ul#menu-topnav ul.sub-menu {display: none;z-index: 6;position: absolute;width: 200px;top: 49px;left: 0;}
	ul#menu-topnav li:hover ul.sub-menu {display: block;background-color: #D0BE98;display: block;padding: 10px;}
	ul#menu-topnav ul.sub-menu li { width: 100%;background-color: ##C7B38A;border-bottom: 1px solid #D0BE98;}
	ul#menu-topnav ul.sub-menu li.first-child {margin: 0;}
	ul#menu-topnav ul.sub-menu li.last-child {border-bottom: 0;}
	ul#menu-topnav ul.sub-menu li a {/* text-shadow: 1px 1px 1px #E0D6BE; */color: #767575;font: bold 15px Arial; padding: 7px 10px;background-color: #E9E0C9;text-decoration: none}
	ul#menu-topnav ul.sub-menu li a:hover {background-color: #fffbf2;text-decoration: none;color: #3A3428;
    text-shadow: 1px 1px 1px #E0D6BE;}

/* Banner */
.banner-wrapper {z-index: 1;height: 418px;background: url("images/bg-banner-shadow.jpg") repeat-x center bottom;}
.banner {width:1116px; height:340px;padding: 11px 13px;background: #d1d1d1;}
/***** End of Upper Area - Styles *****/




/***** Begin of Middle Area - Styles *****/
.content-wrapper {margin: 0 0 80px}

/*** Sidebar Left ***/
.sidebar-left {width: 195px;margin: 0 53px 0 7px}
	.sidebar-left h3 {margin-bottom: 5px;}
	.sidebar-left ul{border-top: 1px solid #8a8a8a;padding-top: 8px;}
		.sidebar-left ul li{height: 22px;}
			.sidebar-left ul li a {color: #223833;display: block; width: 100%;text-decoration: none;}
			.sidebar-left ul li a.active, .sidebar-left ul li a:hover {color: #c7292c;text-decoration: none;background: url("images/icon-arrow-red.png") no-repeat right center;}
	.credits-cards{margin-top: 35px;}
	

/*** Content Main ***/
.content-main {width: 600px;margin-right: 45px;}
.content-main-innerpages {width: 880px;margin-right: 45px;}
.content-main-innerpages .page{width: 100%;}

/* Product's */
.products-wrapper {margin: 0;}
	.products-item {float:left;width:135px;height: 134px;padding:4px;background: #262722;margin: 0 5px 10px 0}
		.products-item .product{position: relative;background: #fff}
			.product-caption {
				position: absolute; 
				bottom: 0; 
				left:0;
				background: url("images/bg-caption-product-list.png") repeat-x;
				width: 100%;
				height: 36px; 
				text-align:center;
				font-family:BebasRegular;
				line-height: 36px;
				color: #fff;
			}
			.product-caption a{
				position: absolute; 
				bottom: 0; 
				left:0;
				background: url("images/bg-caption-product-list.png") repeat-x;
				width: 100%;
				height: 36px; 
				text-align:center;
				font-family:BebasRegular;
				line-height: 36px;
				color: #fff;
			}
				.product-caption.big {font-size:18px; }
				.product-caption.medium {font-size:16px; }
				.product-caption.small {font-size:12px; }

.wt {margin: 25px 0 3px;}

/*** Sidebar Right ***/
.sidebar-right {width: 231px;}
	/* Call to Action's */
	.cta {margin-bottom: 10px;}
	
	/* Get in touch */
	.get-in-touch {margin: 20px 0;background: url("images/get-in-touch.png") no-repeat 0 top;height: 30px;padding-top: 28px}
	
	/* What Customer Say */
	.customer-say {position: relative;margin-bottom: 10px;background: url("images/bg-customer-say.png") no-repeat;height: 318px; width:231px;}
		.customer-say .text{position: absolute;top: 127px; left: 20px;height: 85px; width:188px;}
		.customer-say .customer {position: absolute;bottom: 7px; right: 10px;text-align:right;}
			.customer-say .customer p {color: #f3f3f3;}
			.customer-say p{line-height: 22px;margin:0; }
	/* Video */
	.video-wrapper {margin-bottom: 40px;background: url("images/bg-video.jpg") no-repeat;padding-top: 53px;height: 175px; width:231px;}
		.video{margin-left:21px;height: 160px; width:190px;}
		
	/* Logos */
	.logos {height: 62px;}
/***** End of Middle Area - Styles *****/




/***** Begin of Footer/Lower Styles *****/
.footer {border-top: 1px solid #cdcdcd;padding: 20px 0 0}
	.logo-footer {margin-bottom: 10px;}
	ul.footer-menu {}
		ul.footer-menu li{float: left;margin-right: 15px;}
			ul.footer-menu li a{color: #847f7f; font-size: 10px;}
	.copyright {color: #847f7f; font-size: 11px;line-height: 11px;}
/***** End of Footer/Lower Styles *****/




/***** - generic CSS - *****/
/* - float - */
.alignleft { float:left }
.alignright { float:right }

/* - clear - */
.clearleft { clear:left }
.clearright { clear:right }
.clear { clear:both;line-height:0;height:0;width:100%;}

/* - text alignment - */
.textleft { text-align:left }
.textright { text-align:right }
.textcenter { text-align:center }
.textjustify { text-align:justify }

/* - text transform - */
.normal { font-weight:normal; text-transform:none }
.uppercase { text-transform:uppercase }
.lowercase { text-transform:lowercase }

/* - display - */
.hidden { display: none }
.block { display: block } 
.noborder { border:0; outline: 0; }

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/*
*
* grid css
*/
.product_grid_display .product_grid_item {
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}